<template>
    <div
        id="footer"
        class="center"
    >
        {{ name }}
    </div>
</template>

<script>
    export default {
        data () {
            return {
                name: 'Design by caoyq0521个人博客'
            };
        }
    };
</script>

<style lang="less" scoped>
@import '~assets/styles/variable';
#footer{
    height: 50px;
    color: @color-text-main;
    font-size: @font-size-medium;
    background-color: @color-background-d;
}
</style>
